<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            * {
                padding: 0px;
                margin: 0px;
            }

            .container {
                width: 820px;
                height: 270px;
                /*border: 1px solid red;*/
                margin: 100px auto;

            }

            .container > .wrap {
                width: 240px;
                height: 90px;
                /*border: 1px solid red;*/
                float:left;
            }

            .wrap > .left, .wrap > .right {
                float: left;
            }

            .wrap > .right {
                width: 180px;
                margin-left: 10px;
            }

            .right > .java {
                color: #0073b6;
                font-weight: bold;
            }

            .right > .theme {
                color: #9ca1ab;
                margin-top: 10px;
                font-size: 15px;
            }
            .m{
                margin:0px 50px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap m">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap  m">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap m">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>
            <div class="wrap">
                <div class="left">
                    <img src="imgs/java.jpg" alt="">
                </div>
                <div class="right">
                    <p class="java">Java技术交流</p>
                    <p class="theme">为喜欢JAVA的朋友们提供517个主题</p>
                </div>
            </div>


        </div>

    </body>
</html>